/*
Theme Name: Tencent CDC blog
Description: 模仿<a href="http://cdc.tencent.com" target="_blank">腾讯用户研究与体验设计中心</a>的主题
Author: <a href="http://www.zhangying.info" target="_blank">张赢</a>
Tags: TENCENT,CDC,设计中心
*/

/* *************************** 
   Style 
   ***************************/
* { margin:0; padding:0; }
html, body { text-align:center; /* font:12px/25px  'Microsoft YaHei',tahoma,'SimSun',Verdana, Arial, Helvetica, sans-serif; */ font:12px/25px tahoma; color:#333333; }
h1, h2, h3, ul, li, em, dl, dt, dd { font-size:12px; list-style:none; font-weight:100; }
img, a img { border:0; }
a { color:#333; text-decoration:none; }
a:hover { color:#FF3300; text-decoration:underline; }
.clearfix { margin:0; padding:0; height:0; font-size:0; overflow:hidden; clear:both; }
#wrapper, #footer_inner { width:980px; text-align:left; margin:0 auto; }
/* *************************** 
   Header
   ***************************/

#header { height:131px; }
#logo { padding-top:12px; height:90px }
#logo a { display:block; width:206px; height:67px; margin:0 auto; }
#menu { padding:2px 0px 0 334px; }
#menu ul { float:left; }
#menu li { float:left; padding:0 15px; font-size:14px; font-weight:bold; line-height:25px; }
#menu ul li a { color:black; text-align:center; /*width:75px;*/ display:block; }
#menu ul li a:hover { text-decoration:none; color:#dc1f00; }
#menu ul li a.certainpage { background:url('images/hoverbg.gif') no-repeat 0px -1px; color:white; }
#menu ul li a.certainpage:hover { color:white; }
#topsearchform { margin-top:15px; margin-bottom:-7px; +margin-bottom:-15px; -margin-bottom:-8px;}
.search_box { background:transparent url('images/searchbar.gif') no-repeat scroll 0 0; border:none; height:20px; line-height:18px; width:182px; font-size:12px; padding:2px; }
.button { background:transparent url('images/normal.gif') no-repeat scroll 0 0; cursor:pointer; height:18px; width:18px; position:relative; border:none; left:163px;
top:-23px; +top:-28px; _top:-24px;}



input.button:hover { background:transparent url('images/hover2.gif') no-repeat scroll 0 0; }
#container { margin-top:30px; overflow:hidden; height:100%;}
/* *************************** 
   Content
   ***************************/

/* #content { float:left; width:746px; padding-right:29px; background:url('images/borderbg.gif') repeat-y right; } */
#content { float:left; width:746px; padding-right:29px;}
.navigation { padding:25px 30px 0px 28px; }
.content_text { }
.content_text .context_text_in { border-bottom:1px dashed #CCCCCC; margin-bottom:20px; padding-bottom:15px; }
.content_text h { font-size:16px; font-weight:bold; height:22px; color:#333; }
.content_text h1 { padding-left:15px; background:transparent url('images/h2circle.jpg') no-repeat scroll 0 7px; font-size:16px; font-weight:bold; marign:0;}
.content_text h2 { height:20px; font-size:12px; padding-left:15px; text-align:right; /* font-family:'Microsoft YaHei',tahoma,'SimSun'; */ font-family:tahoma; font-weight:bold; }
.content_text h2 span { /* font-family:'Microsoft YaHei',tahoma,'SimSun'; */ font-family:tahoma; font-size:12px; }
#for_single,#for_page { border-bottom:none; }
#for_single h2, #for_page h2 { font-size:11px; text-align:left; }
.content_text h2, h2.post_author, .content_text h2 a { color:#589700; }
h2.post_author { font-weight:bold; font-size:11px; /* font-family:'Microsoft YaHei',tahoma,'SimSun'; */ font-family:tahoma; text-align:left; padding-left:15px; height:45px;}
h2.post_author span { /* font-family:'Microsoft YaHei',tahoma,'SimSun'; */ font-family:tahoma; font-size:12px; }
.content_text p span { padding-left:15px;marign:0; background:url('images/read_more.gif') no-repeat 0 50%; }
.content_text p { padding:1px 0px 5px 15px; text-align:justify; text-justify:inter-ideograph; font-size:14px; }
.content_text p input, .content_text p label { vertical-align:middle; }
.content_txt .boxcomments p { line-height:24px; }
.content_text img { border:none; margin:6px 0; }
/* *************************** 
   Side
   ***************************/

#sidebar { float:right; width:182px;}
#sidebar .sidebar_footer {height:1px; line-height:1px; background-color:#eeeeee; margin:0 1px; margin-bottom:15px; +margin-bottom:11px; }
#sidebar_rss { background:url(images/sidebar_rss.gif) top; height:31px; text-indent:-9999px; display:block; }
a#sidebar_rss:hover {background:url(images/sidebar_rss.gif) bottom;}
#sidebar_inner h3 { font-size:12px; background:transparent url('images/sidebar_bg1.gif') no-repeat scroll 0 0; height:29px; line-height:29px; padding-left:8px; width:182px; color:#000000;}
#sidebar_inner ul { padding:2px 8px 2px 8px; border-left:#eeeeee 1px solid; border-right:#eeeeee 1px solid; background-color:#f5f4f4;}
#sidebar_inner li { font-size:12px; height:23px; overflow:hidden; line-height:23px; border-bottom:#dedede 1px dotted;}
#sidebar_inner li.sidebar_logo {height:34px;}
#sidebar_inner li.sidebar_last {border-bottom:none;}
#sidebar_inner a {color:#747474;}
#sidebar_inner a:hover { color:#589600; text-decoration:underline; }
#sidebar_inner ul#species li {position:relative;}
#sidebar_inner ul#species li a {margin-left:6px;}
#sidebar_inner ul#species span {position:absolute; top:0; right:0; color:#454545; font-weight:bold;}
#sidebar_inner ul#species li#species_active {background:url(images/species_dot.gif) no-repeat 0 6px; color:#5A9700;}
#sidebar_inner ul#species li#species_active a {margin-left:6px; color:#5A9700;}
#sidebar_inner ul#species li#species_active span {color:#5A9700;}
#sidebar_inner #tag { padding:2px 4px 0 8px; border-left:#eeeeee 1px solid; border-right:#eeeeee 1px solid; background-color:#f5f4f4; height:100%;}
#sidebar_inner .tag_12normal {font-weight:normal; font-size:12px;}
#sidebar_inner .tag_12bold {font-weight:bold; font-size:12px;}
#sidebar_inner .tag_14normal {font-weight:normal; font-size:14px;}
#sidebar_inner .tag_14bold {font-weight:bold; font-size:14px;}
#sidebar_inner span{display:inline-block; height:24px;margin-right:4px;}


#sidebar #login { width:180px; height:66px; border:1px solid #d5d5d5; background-image:url(images/login_bg.gif); margin-top:15px; text-align:center;}
#sidebar #login a#login_btn {width:111px; height:25px; background:url(images/login_btn.gif) top; display:block; text-indent:-9999px; margin:13px auto 0;}
#sidebar #login a#login_btn:hover {background:url(images/login_btn.gif) bottom;}
#sidebar #login p#before{color:#686868;}
#sidebar #login p#after{ height:30px; line-height:30px;}
#sidebar #login a{color:#589702;}
#sidebar #login a#login_btn2 {width:69px; height:21px; background:url(images/login_btn2.gif) top; display:inline-block; line-height:21px; color:#626161; margin:0 3px;}
#sidebar #login a#login_btn2:hover {background:url(images/login_btn2.gif) bottom; text-decoration:none;}
/*
CDC:murphyzeng
============================================
*/ 
#sidebar_inner li a.certainpage_sort { color:#497D01; font-weight:bold; }
#sidebar_inner li a.certainpage_sort:hover { color:#497D01; }
/*
CDC:murphyzeng
=======================================
*/




/* *************************** 
   Gusetbook
   ***************************/
.comment_list { padding-top:10px; }
.comment_avatar { width:42px; height:42px; border:1px solid #CCC; float:left; margin-top:7px;}
.comment_avatar img { border:0; margin:1px;}
.comment_list li { margin-bottom:10px; }
.comment_list li p img { border:0; }
.comment_list h2 { height:20px; line-height:20px; background:#607F91; color:#FFF; padding:0 10px; }
.comment_list h2 span { float:right; }
blockquote { color:#333; margin: 10px 50px 0 10px; padding-left: 10px; background:url(images/line_bg.gif) repeat-x 0 0; }
#commentform { padding:15px 1px; }
.commentlist { }
#commentform input { margin:0 5px 0px 0; padding:2px; border:1px solid #607F91; background:#FFF; height:18px; line-height:18px; }
#commentform textarea { width:451px; height:141px; padding:5px; border:1px solid #607F91; background:#FFF; }
#commentform #submit { border:0; margin:10px 0px; height:30px; background:url('images/btn1.jpg') no-repeat; }
#commentform #resetbtn { border:0; margin:10px 0px; height:30px; background:url('images/btn2.jpg') no-repeat; }
#commentform #submit, #commentform #resetbtn { cursor:pointer; width:76px; margin-left:4px; *margin-left:0;
}
p.input_p { text-align:right; padding-right:266px; padding-top:0; }
.ddsg-wrapper h2 { display:none; }
code { font-family:"Courier New", Courier; border:1px solid #666; border-left:3px solid #666; background:#FFFFFF; word-break:break-all; display:block; white-space:normal; margin:5px; padding:10px; overflow:auto; }
/* *************************** 
   WP-pagenavi 
   ***************************/

.wp-pagenavi { font-family:'Microsoft YaHei', tahoma, 'SimSun', Verdana, Arial, Helvetica, sans-serif; }
.wp-pagenavi a { padding: 1px 4px; margin: 2px; text-decoration: none; border:1px solid #607F91; background:#FFF; }
.wp-pagenavi a:hover { border: 1px solid #5B7589; color: #F8F8F8; background: #6B8597; }
.wp-pagenavi span.pages { padding: 1px 4px; margin: 2px; border:1px solid #607F91; background: #FFF; }
.wp-pagenavi span.current { padding: 1px 4px; margin: 2px; font-weight: bold; border: 1px solid #26282B; color: #FFF; background: #26282B; }
/* *************************** 
   Footer 
   ***************************/

#footer { background:#fb9403; }
#footer_inner { font-family:'Microsoft YaHei', tahoma, 'SimSun'; width:930px; padding-left:50px; color:#000000; height:91px; text-align:center; /* background:url('images/footer.jpg') no-repeat; */ line-height:91px; }
/************************
CHANGE SKIN
********************/

.change_skin2 { float:right; top:109px; _top:112px; right:20px; width:106px; _width:120px; padding-top:6px; }
.change_skin3 { float:right; top:112px; _top:112px; right:20px; width:106px; _width:120px; padding-top:0px; position:absolute; }
#change_skin a { display:block; float:left; margin-right:5px; }
a.optional { height:8px; width:8px; border:1px solid #ececec; overflow:hidden; }
/************************
PAGEnavi
********************/

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a:hover, .wp-pagenavi a { background:none; border:none; padding:0; }
.wp-pagenavi span.current { color:black; }
.wp-pagenavi { text-align:center; }
.wp-pagenavi a:hover { color:black; text-decoration:underline; }
/****************
comments
****************/
.boxcomments h3 { padding:0 0 10px 15px; font-size:14px; }


.content_text div.comment_box { float:left; width:684px; padding:0 0 0 18px;}
.content_text p.commentTitle { background:none; text-align:right; padding:0 0 8px 0;}
.content_text p.commentTitle span { background:none; display:block; float:left; padding:0; }
.content_text p.commentTitle span, .content_text p.commentTitle span a { font-size:14px; font-weight:bold; }
.content_text p.commentTitle a { font-size:12px; color:#497D01; }
span.commentContent p { font-size:12px; padding:0;}
span.tbContent p { font-size:12px; }
.content_text .boxcomments p span, p.commentTitle { background:none; font-size:12px; color:#497D01 }
.odd, .mycomment { border-bottom:1px dashed #e0e0e0; padding-bottom:8px; }
.odd p.commentTitle span a, .mycomment p.commentTitle span a { font-size:12px; }
.tb { padding-left:15px; line-height:5px;}
/*************
single post
***************/
#related_post { padding:10px 15px; border-bottom:1px dashed #ccc; }
#related_post h3, #related_post ul li { font-size:14px; }
#related_post ul li a, #related_post ul li { color:#4A7D00; font-weight:bold; }
#related_post ul li { list-style:inside; line-height:30px; }
#related_post ul { padding-left:25px; }
#for_single .commenthead h2, #for_page .commenthead h2 { font-size:14px; color:black; background:none; padding:0; } 
#for_single .tbhead h2, #for_page .tbhead h2 { font-size:14px; color:black; background:none; }
#for_single .tbtext, #for_page .tbtext {padding-top:15px;border-bottom:1px dashed #e0e0e0; padding-bottom:8px;}
/*************
single post
***************/
#tag_list { padding:10px 15px;}
#tag_list h3, #related_post ul li { font-size:14px; }
#tag_list span { padding-left:41px; }
#tag_list a, #related_post ul li { color:#4A7D00; font-weight:bold; }
/*****************
SINGLE NAV
**************/
#navigation_single { padding:10px 0 5px 15px; border-top:1px dashed #ccc; margin-top:10px; }
#navigation_single a { color:#497B00; font-size:14px; font-weight:bold; }
.alignleft { float:left; }
.alignright { float:right; }
#searchpage h2 { text-align:left; }
a.more-link { color:#589700; font-size:14px; }
a.more-link span { padding-left:0 }
p#inside_nav { margin-bottom:15px; font-size:14px; }
p#inside_nav a:hover { color:#589700; }
/***************
CLEAR STYLE
*************/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */ 



/*****
JOIN PAGE STYLE
****/
#join { }
#join .item { margin-bottom:10px; }
#join h3 { background:url('images/h2circle.jpg') no-repeat 5px 7px; padding-left:18px; font-size:16px; font-weight:bold; padding-bottom:8px; border-bottom:1px dashed #ccc; }
#join #joblist { margin-bottom:30px; }
#join #joblist h3 { background:url('images/h2circle.jpg') no-repeat 5px 10px; padding-left:0px; padding-bottom:5px; float:left; border:none; margin:0 40px 0px 0; }
#join #joblist h3 a { padding-left:18px; padding-top:3px; text-decoration:none; color:#313131; height:44px; width:328px; display:block; }
#join #joblist h3 a:hover { background:url('images/linebg.jpg') no-repeat; }
#join h3 span { color:#599500; font-size:11px; }
#join p { margin-top:10px; }
#join p, #join ul { padding-left:16px }
#join ul { padding-left:36px; }
#join ul li { list-style:decimal; font-size:14px; }
#join p.to_top { text-align:right; font-size:12px; }
#join p.to_top span { float:left; padding-left:0; }
#join p.to_top a { color:#599500; background:url('images/up-arrow.jpg') no-repeat 0px 2px; *background:url('images/up-arrow.jpg') no-repeat 0px 0px !important;
_background:url('images/up-arrow.jpg') no-repeat 0px 2px; padding-left:12px; }
#join p.to_top span a { background:none; *background:none !important;
padding-left:0; }
/*****
come PAGE STYLE
****/
#come { }
#come h3 { background:url('images/h2circle.jpg') no-repeat 5px 7px; padding-left:18px; font-size:16px; font-weight:bold; padding-bottom:8px; border-bottom:1px dashed #ccc; }
#come h3 span { color:#599500; font-size:11px; }
#come p { margin-top:10px; }
#come span { color:#599500; font-size:14px; }
#come p, #come ul { padding-left:16px }
#come ul { padding-left:36px; }
#come ul li { list-style:disc; font-size:14px; }
#come .about li { list-style: none; font-size:14px; }
/***********
ui designer
***/
#uidesigner { width:730px; }
#uidesigner .ui_left, #uidesigner .ui_right { margin-top:20px; width:45% }
#uidesigner .ui_left { float:left; }
#uidesigner .ui_right { float:right; }
#uidesigner h3, #uidesigner p span { font-size:14px; font-weight:bold; }
#uidesigner p span, #uidesigner p { padding:0; }
#uidesigner p { margin-bottom:20px; }
#uidesigner p a { font-weight:bold; text-decoration:underline; }
#uidesigner .ui_right p, #uidesigner .ui_right h3 { margin-bottom:10px; }
.ui_designer { background:url('images/ui.jpg') no-repeat; height:92px; width:730px; padding-top:158px; }
.ui_designer a { display:block; height:62px; width:213px; margin-left:31px; }


.photo_left
{
	float:left;
	height:42px;
	width:42px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC; 
	margin-top:2px;  
}
.author_right
{
	float:right;
	height:42px;
	width:679px;
	margin-top:2px;
}
.author_right_top
{
    height:20px;
    line-height:27px;
}
.author_right_bottom
{
	height:20px;
	line-height:23px!important;
    line-height:10px;
}
.photo_left img
  {
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF; 
	height:40px;
	width:40px;
	margin:0px;
	padding:0px;
}
.context_text_in h1 a:hover
{
    color:#FF3300;
    text-decoration:underline;
}